<template>
  <div :class="[uni_title]">
    <span
      :class="[unit_time, css_title_world_gray]"
      :id="unit_time"
      :title="temp_time"
      >{{ temp_time }}
    </span>

    <span
      :class="[unit_belong, css_title_world_gray, css_cursor_pointer]"
      :title="temp_belong"
      >{{ temp_belong }}</span
    >
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

import './unit_title.css';
import { init_unit_title } from './unit_title';
import {
  temp_time,
  unit_time,
  uni_title,
  unit_belong,
  temp_belong,
} from './DataDefine/sourceData';
import {
  css_cursor_pointer,
  css_title_world_gray,
} from '../../../global_comps/Css';

let cur_unit_title_props = defineProps({});

onMounted(() => {
  init_unit_title();
});
</script>
